<template>
	<div>
		<el-tabs v-model="activeName">
			<el-tab-pane label="受试者信息" name="tab1"></el-tab-pane>
			<el-tab-pane label="问诊记录" name="tab2"></el-tab-pane>
			<el-tab-pane label="体格检查" name="tab3"></el-tab-pane>
			<el-tab-pane label="问卷调查" name="tab4"></el-tab-pane>
			<el-tab-pane label="生命体征" name="tab5"></el-tab-pane>
			<el-tab-pane label="特殊筛查" name="tab6"></el-tab-pane>
			<el-tab-pane label="心电图" name="tab7"></el-tab-pane>
			<el-tab-pane label="实验室检验" name="tab8"></el-tab-pane>
			<el-tab-pane
				label="His检查"
				name="tab9"
				v-if="type == 'filter'"
			></el-tab-pane>
			<el-tab-pane label="身高体重" name="tab10"></el-tab-pane>
			<el-tab-pane label="其他检查" name="tab11"></el-tab-pane>
		</el-tabs>
		<div style="padding: 10px 10px">
			<div v-if="activeName == 'tab1'">
				<subject-registration-info
					:userInfo="userInfo"
				></subject-registration-info>
			</div>
			<div v-if="activeName == 'tab2'">
				<consultation-record-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></consultation-record-info>
			</div>
			<div v-if="activeName == 'tab3'">
				<physical-examination-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></physical-examination-info>
			</div>
			<div v-if="activeName == 'tab4'">
				<questionnaire-check-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></questionnaire-check-info>
			</div>
			<div v-if="activeName == 'tab5'">
				<vital-sign-monitoring-record-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></vital-sign-monitoring-record-info>
			</div>
			<div v-if="activeName == 'tab6'">
				<special-screening-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></special-screening-info>
			</div>
			<div v-if="activeName == 'tab7'">
				<ecg-monitoring-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></ecg-monitoring-info>
			</div>
			<div v-if="activeName == 'tab8'">
				<laboratory-test-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></laboratory-test-info>
			</div>
			<div v-if="activeName == 'tab9'">
				<his-inspection-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></his-inspection-info>
			</div>
			<div v-if="activeName == 'tab10'">
				<bmi-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></bmi-info>
			</div>
			<div v-if="activeName == 'tab11'">
				<other-inspection-records-info
					:userInfo="userInfo"
					:type="type"
					:isFirst="isFirst"
				></other-inspection-records-info>
			</div>
		</div>
	</div>
</template>

<script>
	import bmiInfo from "./screeningJudge/bmiInfo"
	import consultationRecordInfo from "./screeningJudge/consultationRecordInfo"
	import ecgMonitoringInfo from "./screeningJudge/ecgMonitoringInfo"
	import hisInspectionInfo from "./screeningJudge/hisInspectionInfo"
	import laboratoryTestInfo from "./screeningJudge/laboratoryTestInfo"
	import otherInspectionRecordsInfo from "./screeningJudge/otherInspectionRecordsInfo"
	import physicalExaminationInfo from "./screeningJudge/physicalExaminationInfo"
	import questionnaireCheckInfo from "./screeningJudge/questionnaireCheckInfo"
	import specialScreeningInfo from "./screeningJudge/specialScreeningInfo"
	import subjectRegistrationInfo from "./screeningJudge/subjectRegistrationInfo"
	import vitalSignMonitoringRecordInfo from "./screeningJudge/vitalSignMonitoringRecordInfo"
	export default {
		components: {
			subjectRegistrationInfo,
			consultationRecordInfo,
			physicalExaminationInfo,
			questionnaireCheckInfo,
			vitalSignMonitoringRecordInfo,
			specialScreeningInfo,
			ecgMonitoringInfo,
			laboratoryTestInfo,
			hisInspectionInfo,
			bmiInfo,
			otherInspectionRecordsInfo,
		},
		props: ["userInfo", "type", "isFirst"],
		data() {
			return {
				activeName: "tab1",
			}
		},
	}
</script>

<style></style>
